<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    // async/await 是现代 JavaScript 中最简洁的方式，它将异步代码看起来像是同步代码。
    // 一个异步操作的函数
    function fetchData() {
        return new Promise((resolve, reject) => {
            setTimeout(() => {
                resolve("数据加载完成");
            }, 1000);
        });
    }

    // 使用 async/await 使异步操作同步化
    async function fetchDataSync() {
        const result = await fetchData();  // 等待 fetchData 执行完成
        console.log(result);  // 输出 "数据加载完成"
    }

    fetchDataSync();

    // await 会暂停函数的执行，直到 Promise 完成并返回结果。这样可以让异步操作看起来像是同步执行。
    // async 函数内部，await 只能用于 Promise 类型的操作。
</script>
</html>